<template>
	<view class="attendanceList_box box">
		<view class="attendanceList_container">
			<view class="choseTime">
				<view class="attendanceList_container_title">
					查询时间
				</view>
				<view class="attendanceList_container_time">
					<uni-datetime-picker type="date" :clear-icon="false" v-model="single" @maskClick="maskClick" />
				</view>
			</view>
			<view class="attendanceList_container_list">
				<view class="attendanceList_container_list_item" v-for="(item,index) in 5">
					<view class="">
						04-25
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				single: '',
			};
		},
		methods: {
			maskClick(e) {
				console.log('maskClick事件:', e);
			}
		}
	}
</script>

<style lang="scss">
	.attendanceList_box {
		.attendanceList_container {
			width: 90%;
			margin: auto;

			.choseTime {
				display: flex;

				.attendanceList_container_title {
					font-weight: 500;
					margin-right: 20rpx;
				}

				.attendanceList_container_time {}
			}

			.attendanceList_container_list {
				display: flex;
				flex-direction: column;
				padding: 10rpx 0;

				.attendanceList_container_list_item {
					height: 60rpx;
					line-height: 60rpx;
					border-bottom: 1px solid white;
				}
			}
		}
	}
</style>